;(function(win,doc){

	var config = {
		"find": {
			"placeholder": "输入新密码(6-20位数字或英文)",
			"tags": '已有账号？马上 <i class="lr-links go-login" data-type="login">登陆</i>',
			"btnT": "确定"
		},
		"login": {
			"placeholder": "输入密码(6-20位数字或英文)",
			"tags": '<i class="lr-links forget-pass" data-type="find">忘记密码</i><i class="lr-links go-reg" data-type="reg">注册</i>',
			"btnT": "登陆"
		},
		"reg": {
			"placeholder": "输入新密码(6-20位数字或英文)",
			"tags": '已有账号？马上 <i class="lr-links go-login" data-type="login">登陆</i>',
			"btnT": "注册"
		}
	};

	$.extend({
		/**
		 * 作品列表模板 传入的参数为 数组对象  可以逐条加载  也可以一次性加载
		 */
		worksListTemplate: function(data){

			if(!data) return false;

			var index = 1,_src = '',_name = '',_classname = "m-list m-flist",//m-list m-elist
				_html = '',_result = '',len = data.length;

			for(var i=0;i<len;i++){

				_src = data[i]["src"] || "";

				_name = data[i]["name"] || "暂无信息";

				index = (index === 4) ? 1 : index;

				_classname = index === 1 ? "m-list m-flist" : (index === 2 ? "m-list m-mlist" : "m-list m-elist");

				_html += `<span class="${_classname}">
						<div class="m-img"><img src="${_src}" /></div>
						<div class="m-name">${_name}</div>
					</span>`;

				if(index === 3 || (len - i) <= 2){

					_result += `<div class="list-box">${_html}</div>`;

					_html = '';

				}

				index++;

			}

			return _result;

		},
		/**
		 * 搜索页面 搜索作品列表模板
		 */
		searchWorksTemplate: function(data){

			var _html = '';

			if(!data) return "没有搜索结果";

			for(var i=0,len=data.length;i<len;i++){

				_html += `<span class="sr-list">
						<span class="list-img"><img src="${data[i]["src"]}" /></span>
						<span class="list-info">
							<div class="info-title">${data[i]["name"]}</div>
							<div class="info-des">
								${data[i]["des"]}
							</div>
							<div class="play-btn">马上观看</div>
						</span>
					</span>`;
			}

			return _html;

		},
		/**
		 * 搜索页面 搜索历史标签 模板
		 */
		searchTagTemplate: function(data){

			if(!data) return "暂无历史记录";

			for(var i=0,len = data.length,_html = '';i<len;i++){

				_html += `<span class="recommend-tag">${data[i]}</span>`;
			}

			return _html;
		},
		/**
		 * 页面蒙层模板
		 */
		pageLayerTemplate: function(){

			if(!!$(".page-m").length){

				$(".page-m").show();

			}else{

				$("body").append('<div class="page-m"></div>');
			}

			return false;
		},
		/**
		 * 分享 弹出层
		 */
		getShareLayer: function(){

			if(!!$(".share-m").length){

				$(".share-m").show();

				return false;
			}

			return `<div class="page-layer share-m">
			<div class="share-title">
				<i class="title">分享到</i>
			</div>
			<div class="share-address">
				<span class="share-c">
					<div class="icon sc-icon sc-weixin"></div>
					<div class="sc-name">微信好友</div>
				</span>
				<span class="share-c">
					<div class="icon sc-icon sc-friends"></div>
					<div class="sc-name">朋友圈</div>
				</span>
				<span class="share-c">
					<div class="icon sc-icon sc-qq"></div>
					<div class="sc-name">QQ</div>
				</span>
				<span class="share-c">
					<div class="icon sc-icon sc-kj"></div>
					<div class="sc-name">QQ空间</div>
				</span>
				<span class="share-c">
					<div class="icon sc-icon sc-weibo"></div>
					<div class="sc-name">微博</div>
				</span>
			</div>
			<div class="cancel-share">取消</div>
		</div>`;
		},
		/**
		 * 登录login 注册reg 找回密码模板 
		 */
		loginRegFindTemp: function(flag){

			if(!flag || !config[flag]) return false;

			var _html = '',_info = config[flag];

			if(!!$(".login-reg").length){

				$(".login-reg").remove();
			}

			return _html = `
					<div class="login-reg">
					<div class="lr-c">
						<div class="lr-input-box">
							<input type="text" name="" class="lr-input lr-account" placeholder="输入账号" />
						</div>
						<div class="lr-input-box">
							<input type="text" name="" class="lr-input lr-password" placeholder="${_info["placeholder"]}" />
						</div>
						<div class="lr-input-box">
							<input type="number" name="" class="lr-input lr-code" placeholder="动态密码" />
							<div class="get-code">获取动态密码</div>
						</div>
						<div class="lr-tag">
							${_info["tags"]}
						</div>
						<div class="lr-btn">${_info["btnT"]}</div>
					</div>
					<div class="icon close-login-reg"></div>
				</div>`,_html;
		},
		/**
		 * 评论列表 模板
		 */
		commentListTemplate: function(data){

			if(!data) return false;

			var _html = '',_list;

			for(let i=0,len = data.length;i<len;i++){

				_list = data[i];

				_html += `<div class="comment-list">
						<div class="comment-title">
							<span class="c-name">${_list["user"]}</span>
							<span class="c-timer">${_list["timer"]}</span>
						</div>
						<div class="comment-text">
							${_list["content"]}
						</div>
					</div>`;
			}

			return _html;

		},
		/**
		 * 判断手机号码  是否正确
		 */
		testPhoneHandler: function(phone){

			if(!phone) return false;

			if(!/^1[34578]\d{9}$/.test(phone)){

				alert("手机号码错误");

				return false;
			}

			return true;
		}
		
	});

	/**
	 * 绑定通用的 点击事件
	 */
	
	$(document).delegate(".close-login-reg,.lr-links,.get-code,.page-m,.cancel-share,.m-list","touchstart",function(e){

		e.preventDefault();

		if($(this).hasClass("close-login-reg")){

			$(".login-reg").fadeOut(100,function(){

				$(this).remove();
			});

			$(".page-m").hide();

			return false;

		}else if($(this).hasClass("lr-links")){

			return $("body").append($.loginRegFindTemp($(this).attr("data-type")));

		}else if($(this).hasClass("get-code")){

			alert("这里判断手机号码 并发送动态密码");

			if(!$.testPhoneHandler($(".lr-account").val())){

				alert("手机号码信息错误");

				return false;
			}

			alert("手机号码正确、向后台请求动态密码中、、、");

			/**
			 * 60秒倒计时
			 */
			

			return false;

		}else if($(this).hasClass("page-m")){

			var flag1 = !!$(".share-m").length;

			if(flag1){

				$(".page-layer").fadeOut();

				$(this).hide();
			}

			return false;
		}else if($(this).hasClass("cancel-share")){

			$(".page-m").hide();

			$(this).parent().fadeOut();

			return false;

		}else if($(this).hasClass("m-list")){

			// alert(222);

			// var _link = $(this).atte("data-link");

			// if(!_link || $(".m-edit").attr("data-edit") == "true") return false;//属性不存在的时候 || 当处于编辑状态的时候  没有效果

			// window.location.href = _link;

			// return false;
		}

		// return false;
	})
})(window,document)